<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="" />
    <meta name="author" content="" />
    <link rel="icon" href="../img/asset-favicon.ico" />
    <title>学成在线2.0</title>
  
    <link rel="stylesheet" href="../plugins/normalize-css/normalize.css" />
    <link
  rel="stylesheet" href="../plugins/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="../css/page-learing-pay.css" />
</head>
  <body data-spy="scroll" data-target="#articleNavbar" data-offset="150">
    <div id="container">
      <!-- 页面头部 -->
      <!--头部导航-->
<header>
  <div id="headerContainer" class="learingHeader">
    <nav class="navbar">
      <div class="">
        <div class="logo">
          <img src="../img/asset-logoIco.png" width="100%" alt="" />
        </div>
        <div class="nav-list">
          <ul class="nav navbar-nav">
            <!-- TODO: 显示选中状态 -->
            <li class="active">
              <a
                :href="portal_url + '/pages/learing-index.html'"
                target="_blank"
                >首页</a
              >
            </li>
            <li>
              <a :href="portal_url + '/pages/learing-list.html'" target="_blank"
                >课程</a
              >
            </li>
            <li><a href="#">职业规划</a></li>
            <li></li>
          </ul>
        </div>

        <!-- 未登录 -->
        <div class="sign-in" v-if="!userName">
          <a :href="manage_url + '/#/login?isRegnew=0'">登录</a>
          <span>&nbsp;|&nbsp;</span>
          <a :href="manage_url + '/#/login?isRegnew=1'">注册</a>
        </div>
        <!-- 已登录 -->
        <div class="sign-in" v-else>
          <a :href="manage_url + '/#/personal/my-course'" class="personal">
            个人中心
          </a>
          <a :href="manage_url + '/#/organization/company'" class="personal">
            管理
          </a>
          /
          <div class="dropdown">
            <span class="dropbtn">入驻</span>
            <div class="dropdown-content">
              <a :href="manage_url + '/#/entering/company-entering'"
                >机构入驻</a
              >
              <a :href="manage_url + '/#/entering/personal-entering'"
                >个人入驻</a
              >
            </div>
          </div>
          <div class="personal">
            <span class="personalIco"></span>
          </div>
          <div class="dropdown myInfo">
            <div class="dropbtn">
              <img src="../img/asset-myImg.jpg" alt />
              <span v-text="userName"></span>
            </div>
            <div class="dropdown-content">
              <a href="javascript:;" @click="handleLogout">退出登录</a>
            </div>
          </div>
        </div>
        <div class="starch">
          <input
            type="text"
            id="inputSearch"
            class="input-search"
            placeholder="输入查询关键词"
          /><input id="btnQuery" type="submit" class="search-buttom" />
        </div>
      </div>
    </nav>
  </div>
</header>

      <!--主体内容-->
      <div class="container">
        <div class="learing-pay">
          <div class="tit">课程信息</div>
          <div class="pay-list">
            <div class="row">
              <div class="col-lg-2"><img src="../img/page-1.jpg" class="pic" alt="" /></div>
              <div class="col-lg-8">
                <p v-text="order.coursePubName"></p>
                <p v-text="validTime"></p>
              </div>
              <div class="col-lg-2">
                <!-- <p>
                  <em>课程原价：</em>
                  <span v-text="'￥' + order.initialPrice.toFixed(2)"></span>
                </p> -->
                <!-- <p>
                  <em>优惠价格：</em>
                  <span
                    v-text="'￥' + order.price.toFixed(2)"
                    class="cl-red"
                  ></span>
                </p> -->
                <p>
                  <em>课程价格：</em>
                  <span
                    v-text="'￥' + formatPrice(order.price)"
                    class="cl-red"
                  ></span>
                </p>
              </div>
            </div>
          </div>
          <div class="total-right text-right">
            <p>
              <span v-text="'小计：￥' + formatPrice(order.price)"></span>
            </p>
            <p>
              <span
                >总计：<em
                  class="cl-red"
                  v-text="'￥' + formatPrice(order.price)"
                ></em
              ></span>
            </p>
          </div>
          <!-- <div class="tit">选择支付方式</div> -->
          <div class="pay-method">
            <p>
              <a href="#" class="weixin">微信支付</a>
            </p>
            <div id="qrcode"></div>
            <!-- <div class="submit" @click="goToLearingArticle">我已支付完毕</div> -->
            <!-- <a><a href="#" class="zfb">支付宝支付</a></p> -->
          </div>
        </div>
      </div>
    </div>
    <!-- 页面底部 -->
    <!--底部版权-->
<footer>
  <div class="container">
    <div class="row">
      <div class="col-md-7">
        <div>
          <!--<h1 style="display: inline-block">学成网</h1>--><img
            src="../img/asset-logoIco.png"
            alt=""
          />
        </div>
        <div>
          学成网致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。
        </div>
        <div>© 2017年XTCG Inc.保留所有权利。-沪ICP备15025210号</div>
        <input type="button" class="btn btn-primary" value="下 载" />
      </div>
      <div class="col-md-5 row">
        <dl class="col-md-4">
          <dt>关于学成网</dt>
          <dd>关于</dd>
          <dd>管理团队</dd>
          <dd>工作机会</dd>
          <dd>客户服务</dd>
          <dd>帮助</dd>
        </dl>
        <dl class="col-md-4">
          <dt>新手指南</dt>
          <dd>如何注册</dd>
          <dd>如何选课</dd>
          <dd>如何拿到毕业证</dd>
          <dd>学分是什么</dd>
          <dd>考试未通过怎么办</dd>
        </dl>
        <dl class="col-md-4">
          <dt>合作伙伴</dt>
          <dd>合作机构</dd>
          <dd>合作导师</dd>
        </dl>
      </div>
    </div>
  </div>
</footer>

    <!-- 页面 css js -->
  
<script
  type="text/javascript" src="../plugins/jquery/dist/jquery.js"></script>
<script
  type="text/javascript" src="../plugins/bootstrap/dist/js/bootstrap.js"></script>
<script
  type="text/javascript" src="../plugins/jscookie/js.cookie.js"></script>
<script type="text/javascript" src="../plugins/vue/vue.js"></script>
<script type="text/javascript" src="../js/util-env.js"></script>
<script type="text/javascript" src="../js/util-request-ajax.js"></script>
<script type="text/javascript" src="../js/util-api.js"></script>
<script type="text/javascript" src="../js/widget-header.js"></script>
<script type="text/javascript" src="../js/widget-header_vue.js"></script>
<script
      type="text/javascript" src="../plugins/qrcodejs/qrcode.min.js"></script>
<script type="text/javascript" src="../js/page-learing-pay.js"></script>
</body>
</html>
